﻿@{
    ViewBag.Title = "Revenue";
    Layout = "~/Areas/Admin/Views/Shared/_Admin.cshtml";
}

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Datepicker - Default functionality</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script>
        $(function () {
            $("#datepicker").datepicker();
        });
    </script>
</head>
<body>

    <div class="row-fluid">
        <h3 class="header smaller lighter blue">Báo cáo doanh thu</h3>


        <div class="control-group">
            @*<label class="control-label" for="form-input-readonly">Readonly field</label>*@
            <div class="controls">
                <select id="report">
                    <option value="1" selected="selected">Hãng sản xuất</option>
                    <option value="2">Loại sản phẩm</option>
                    <option value="3">Sản phẩm</option>
                    <option value="4">Khách hàng</option>
                    <option value="5">Tùy chọn</option>
                </select>

                Từ ngày:
            <input type="text" id="datepicker">
                Đến ngày: 
            <input type="text" id="datepicker">
            </div>
        </div>

        <div class="table-header">
            Doanh thu theo Hãng sản xuất
        </div>
        <table aria-describedby="sample-table-2_info" id="sample-table-2" class="table table-striped table-bordered table-hover dataTable">
            <thead>
                <tr role="row">
                    <th aria-label="" style="width: 57px;" colspan="1" rowspan="1" role="columnheader" class="center sorting_disabled">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </th>
                    <th aria-label="Domain: activate to sort column ascending" style="width: 168px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Hãng sản xuất</th>
                    <th aria-label="Clicks: activate to sort column ascending" style="width: 133px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="hidden-480 sorting">Tổng hóa đơn</th>
                    <th aria-label="Update: activate to sort column ascending" style="width: 197px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="hidden-phone sorting">Tổng tiền</th>

                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Trung bình ngày </th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Note</th>
                </tr>
            </thead>
            <tbody aria-relevant="all" aria-live="polite" role="alert">
                <tr class="odd">
                    
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                </tr>
                <tr class="even">
                   
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                </tr>
                <tr class="odd">
                  
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                </tr>
            </tbody>
        </table>


        <div>
        </div>
        

        <div class="table-header">
            Doanh thu theo sản phẩm
        </div>
        <table aria-describedby="sample-table-2_info" id="sample-table-3" class="table table-striped table-bordered table-hover dataTable">
            <thead>
                <tr role="row">
                    <th aria-label="" style="width: 57px;" colspan="1" rowspan="1" role="columnheader" class="center sorting_disabled">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </th>
                    <th aria-label="Domain: activate to sort column ascending" style="width: 168px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Sản phẩm</th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Hãng sản xuất</th>
                    <th aria-label="Clicks: activate to sort column ascending" style="width: 133px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="hidden-480 sorting">Tổng hóa đơn</th>
                    <th aria-label="Update: activate to sort column ascending" style="width: 197px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="hidden-phone sorting">Tổng tiền</th>

                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Trung bình ngày </th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Note</th>
                </tr>
            </thead>


            <tbody aria-relevant="all" aria-live="polite" role="alert">
                <tr class="odd">

                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                   

                </tr>
                <tr class="even">
                    <td class="center  sorting_1">
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                   
                </tr>
                <tr class="odd">
                    
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                </tr>
            </tbody>
        </table>





        <div class="table-header">
            Doanh thu theo khách hàng
        </div>

        <table aria-describedby="sample-table-2_info" id="sample-table-4" class="table table-striped table-bordered table-hover dataTable">
            <thead>
                <tr role="row">
                    <th aria-label="" style="width: 57px;" colspan="1" rowspan="1" role="columnheader" class="center sorting_disabled">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </th>
                    <th aria-label="Domain: activate to sort column ascending" style="width: 168px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Khách hàng</th>
                    <th aria-label="Clicks: activate to sort column ascending" style="width: 133px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="hidden-480 sorting">Tổng hóa đơn</th>
                    <th aria-label="Update: activate to sort column ascending" style="width: 197px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="hidden-phone sorting">Tổng tiền</th>
                    <th aria-label="Status: activate to sort column ascending" style="width: 164px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="hidden-480 sorting">Giảm giá</th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Note</th>
                </tr>
            </thead>


            <tbody aria-relevant="all" aria-live="polite" role="alert">
                <tr class="odd">                    
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>

                </tr>
                <tr class="even">                    
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                </tr>
                <tr class="odd">                    
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                    <td class="hidden-480 "></td>
                </tr>
            </tbody>
        </table>

    </div>




</body>
</html>






